<template>
    <div id="app">
        <JHeader/>
        <transition name="fade" mode="out-in">
            <router-view/>
        </transition>
    </div>
</template>
<script>
import JHeader from '@/components/Headers'
export default {
    data: function() {
        return {}
    },
    components: {
        JHeader
    }
}

</script>
<style>
html,body{
    margin: 0;
}
#app {
    font-family: 'Avenir', '微软雅黑', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.tac{
    text-align: center;
}
.tal{
    text-align: left;
}
.tar{
    text-align: right;
}
.fade-enter-active, .fade-leave-active {
  transition: opacity .3s linear;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}

.video-dialog{
    max-width: 1200px!important;
    /*margin: 0 auto!important;*/
}
.video-dialog .el-dialog__body{
    padding: 10px 20px;
}

</style>
